<!DOCTYPE html>
<html>
<head>
    <title>地质灾害应急管理系统（赣州）</title>
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
    <!-- 引入高德地图插件 -->
    <script src="https://webapi.amap.com/maps?v=2.0&key=b19645e85be1f52fdf901ffb5f9a7509"></script>
    <style>
        /* 保持原有样式不变 */
        body { margin:0; background:#0a1930; color:#fff; font-family:Arial; }
        #header { background:#122445; padding:15px; }
        #map-container { display:flex; height:calc(100vh - 60px); }
        #left-panel { width:200px; background:#122445; padding:15px; }
        #map { flex:1; }
        #right-panel { width:300px; background:#122445; padding:15px; }
        .control-panel { background:#1a2c4d; padding:15px; margin-bottom:15px; }
        button { background:#2d8cf0; color:#fff; border:none; padding:8px 15px; }
    </style>
</head>
<body>
    <div id="header">
        <h2>地质灾害应急管理系统（赣州市）</h2>
    </div>

    <div id="map-container">
        <!-- 保持原有布局结构 -->
        <div id="left-panel">
            <div class="control-panel">
                <button onclick="zoomIn()">放大</button>
                <button onclick="zoomOut()">缩小</button>
            </div>
        </div>

        <div id="map"></div>

        <div id="right-panel">
            <div class="control-panel">
                <h3>救援队伍</h3>
                <button onclick="generateHeatmap()">生成热力图</button>
                <button onclick="removeHeatmap()">移除热力图</button>
                <input type="text" placeholder="搜索救援场所">
            </div>
        </div>
    </div>

    <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
    <script>
        // 初始化高德地图
        let map = L.map('map', {
            center: [25.8326, 114.9336], // 赣州市中心坐标
            zoom: 10
        });

        // 添加高德图层
        L.amapLayer({
            resizeEnable: true,
            layers: [
                new AMap.TileLayer.Satellite(),  // 卫星图层
                new AMap.TileLayer.RoadNet()     // 路网图层
            ]
        }).addTo(map);

        // 添加默认标记（示例）
        L.marker([25.8326, 114.9336])
         .bindPopup('赣州应急指挥中心')
         .addTo(map);

        // 控制函数保持不变
        function zoomIn() { map.zoomIn(); }
        function zoomOut() { map.zoomOut(); }
        
        // 其他原有功能...
    </script>
</body>
</html>